<template>
  <div>
    <h1>树状视图</h1>

    <TreeItem :model="treeData" />
  </div>
</template>

<script>
import TreeItem from "./components/tree-item/index.vue";

export default {
  components: {
    TreeItem,
  },

  data() {
    return {
      treeData: {
        name: "My Tree",
        children: [
          { name: "hello" },
          { name: "wat" },
          {
            name: "child folder",
            children: [
              {
                name: "child folder",
                children: [{ name: "hello" }, { name: "wat" }],
              },
              { name: "hello" },
              { name: "wat" },
              {
                name: "child folder",
                children: [{ name: "hello" }, { name: "wat" }],
              },
            ],
          },
        ],
      },
    };
  },
};
</script>
